import React from 'react'
import Container from '../component/singer/container/container'
import logo from '../assets/images/logo.png'
import mine from '../assets/images/icon-mine.png'
//引入css
require('../component/home/header/header.css');

class Singer extends React.Component {
    render() {
        return (
            < div className="wrap">
                <div className="header">
                <span style={{color:"#ffcd32",right:"44px",position:"absolute"}} onClick={()=>{
                this.props.history.push("/home")
            }} className="headerFirst">首页</span>
                    <div className="header-con">
                        <img src={logo} alt="logo" className="icon-logo" />
                        <span className="title">Listen World</span>
                    </div>
                    <span className='icon-mine' onClick={() => {

                        this.props.history.push("/mine")
                    }}>
                        <img src={mine} alt="mine" className="icon-mine"/>
                    </span>
                </div>
                <div className="container">
                    < Container />
                </div>
            </ div>

        )
    }
}

export default Singer